<template>
    <div class="user-news">
        <div class="User-news-list">
            <img src="../../../assets/2.jpg"/>
            <div class="user-news-list-info">
                <p>XXXX的店铺 <em>10:30</em></p>
                <p>亲，您的快递已发货，请耐心等待哦~</p>
            </div>
        </div>
        <div class="User-news-list">
            <img src="../../../assets/2.jpg"/>
            <div class="user-news-list-info">
                <p>XXXX的店铺 <em>10:30</em></p>
                <p>亲，您的快递已发货，请耐心等待哦~</p>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name:"UserNews"
    }
</script>

<style scoped>
.User-news-list{
    background: #FFF;
    width:94%;
    margin-left:3%;
    display:inline-block;
    border-radius: 5px;
    overflow: hidden;
    margin-top:15px;
}
.User-news-list img{
    width:50px;
    height:50px;
    border-radius: 5px;
    float: left;
    margin:10px;
}
.user-news-list-info{
    margin-top:10px;
}
.user-news-list-info p:nth-child(1){
    font-size:16px;
}
.user-news-list-info p:nth-child(1) em{
    font-size:12px;
    float: right;
    color:#999;
    margin-right: 10px;
}
.user-news-list-info p:nth-child(2){
    font-size:12px;
    color:#999;
    margin-top:10px;
}
</style>